<template>
    <div>
        <input type="text" :value='value' @input='fn'>
        <input type="text" v-model='value2'>
    </div>
</template>
<script>
// @ is an alias to /src
export default {
    name: 'XXX',
    props:['value'],
    data() {
        return {
        
        }
    },
    methods: {
      fn(e){
        this.$emit('input',e.target.value)
      }
    },
    computed: {
      value2:{
        get(){
          return this.value
        },
        set(val){
          this.$emit('input',val)
        }
      }
    },
    components: {
        
    }
}
</script>
<style lang="less">

</style>